/*<!-- 用户 -->*/
.userList{
    float: right!important;
}
.el-menu-demo{
    height: 60px;
}
.container{
    height: 500px;
    margin-left: 20%;
    margin-top: 10px;
    opacity: 0.95;   /*透明度*/
}
.side{
    float: left;
    background-color: #D3DCE6;
    color: #333;
    height: 469px;
    width: 15%;
}
/*<!-- 侧面导航 -->*/
.menu1{
    height: 100%!important;
    overflow:auto;   /*滚动条*/
}

/*<!-- 主面 -->*/
.main {
    float: left;
    background-color: #E9EEF3;
    color: #333;
    height: 510px;
    width: 60%;
}
.context{
    height: 480px;
    display: none;
}
/*<!-- 消息展示区 -->*/
.messageShow{
    background: white;
    height: 310px;
    margin: 10px;
    overflow:auto;   /*滚动条*/
    font-size: 10px;

}
/*<!-- 选择区 -->*/
.btn{
    height: 20px;
    margin-left: 10px;
    margin-right: 10px;

}
/*<!-- 输入区 -->*/
.scanner{
    height: 100px;
    margin-left: 10px;
    margin-right: 10px;
}

/* 消息框 */
.atalk{
    margin-left:10px;
}
.atalk .lSpan{
    display:inline-block;
    background: #a0cfff;
    border-radius:10px;
    color:#fff;
    padding:5px 10px;
}
.btalk{
    margin-right:10px;
    text-align:right;
}
.btalk .rSpan{
    display:inline-block;
    background: #3a8ee6;
    border-radius:10px;
    color:#fff;
    padding:5px 10px;
}
.right{
    float: right;
    margin-right: 12px;
}
.left{
    float: left;
    margin-left: 12px;
}




